<div class="product-pic">
    <div class="product-pic-tools">
        <ul>
            <li class="areaCN" area="ADCN">中 国</li>
            <li class="areaHB active" area="AEHB">华 北</li>
            <li class="areaHH" area="AEHH">海 河</li>
            <li class="areaTJ" area="AFTJ">天 津</li>
        </ul>
        <span class="product-pic-download"></span>
    </div>
    <div class="product-pic-ec-handle">
        <span class="product-pic-ec-handle-name">时效范围</span>
        <div class="product-pic-ec-handle-select">
            <div class="product-pic-ec-handle-select-item">
                <input type="checkbox" id="ecHandleCheckbox" checked />&nbsp;&nbsp;
                <input type="text" id="ecHandleStartTime" value="0" />&nbsp;&nbsp;
                <span>-</span>&nbsp;&nbsp;
                <input type="text" id="ecHandleEndTime" value="72" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <span>间隔</span>&nbsp;&nbsp;
                <select id="ecHandleInterval">
                    <option value="3" selected>3</option>
                    <option value="6">6</option>
                    <option value="12">12</option>
                    <option value="24">24</option>
                </select>
            </div>
            <div class="product-pic-ec-handle-select-item">
                <input type="checkbox" id="ecHandleCheckbox2" checked />&nbsp;&nbsp;
                <input type="text" id="ecHandleStartTime2" value="78" />&nbsp;&nbsp;
                <span>-</span>&nbsp;&nbsp;
                <input type="text" id="ecHandleEndTime2" value="240" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <span>间隔</span>&nbsp;&nbsp;
                <select id="ecHandleInterval2">
                    <option value="6" selected>6</option>
                    <option value="12">12</option>
                    <option value="24">24</option>
                </select>
            </div>
        </div>
        <span class="product-pic-ec-handle-confirm">确定</span>
        <span class="product-pic-ec-handle-reset">重置</span>
        <span class="product-pic-ec-handle-download">下载</span>
    </div>
    <div class="isSHowTitle">
        <span>时间标题开关：</span>
        <span class="titleIcon active"></span>
    </div>
    <div id="productPicView" class="product-pic-view">
        <div class="product-pic-header">
            <div class="product-pic-title"></div>
            <div class="product-pic-title2"></div>
        </div>
        <div id="product-pic-main">
            <div class="one-screen">
                <div class="pic-area">
                    <img id="productModelPicImg" class="model-pic hidden" src="">
                    <img class="model-pic-bj hidden" src="">
                </div>
                <div class="pic-legend">
                    <img class="legend-pic" src="" />
                </div>
            </div>
        </div>
        <div class="product-pic-prev"></div>
        <div class="product-pic-next"></div>
    </div>
    <!-- <div class="gif-content"></div> -->
    <div class="product-pic-footer">
        <div class="product-timeLine">
            <ul id="product-timeLine"></ul>
        </div>
        <ul id="switch">
            <li id="prev"></li>
            <li id="next"></li>
        </ul>
        <ul class="product-play-control">
            <li class="product-play-time">
                <i>1</i>
                <i class="active">5</i>
                <i>10</i>
            </li>
            <li class="product-control-btn play"></li>
        </ul>
    </div>
</div>
<script type="text/javascript" src="/business/szyb/product-pic.js"></script>